import directive from '@/directive/index.js'
import { LazyVxeTable, LazyVxeUI } from '@/plugins/vxetable.js'
import { createApp } from 'vue'
import App from './App.vue'

import router from './router'

import store from './store'
// 加载 svg 图标
import 'virtual:svg-icons-register'
// unocss
import 'virtual:uno.css'

import '@unocss/reset/tailwind-compat.css'

// 全局样式
import '@/styles/main.css'
// 主题
import 'element-plus/theme-chalk/dark/css-vars.css'
import 'element-plus/theme-chalk/el-message.css'
import 'element-plus/theme-chalk/el-dialog.css'
import 'element-plus/theme-chalk/el-message-box.css'
import 'element-plus/theme-chalk/el-loading.css'

const app = createApp(App)

app.use(store)
app.use(router)
directive(app)
LazyVxeUI(app)
LazyVxeTable(app)
app.mount('#app')
